<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.css"/>
</head>
<body>
	<form id="ajax_form"  method="post" onsubmit="return false">
		用户名<input type="text" name="name"><br>
		年龄<input type="text" name="age"><br>
		性别<input type="text" name="gender"><br>
		<input  type="button" onclick="submitForm()" class="btn btn-success" value="添加">
		班级选择:<select name="banjiId" id="selectId" >
			<option>--请选择--</option>
		</select>
	</form>
</body>
	<script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
	<script src="lib/layer/layer.js" type="text/javascript" charset="utf-8"></script>
    <script src="lib/mylayer.js" type="text/javascript" charset="utf-8"></script>
    <script src="lib/util.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function (){
			console.log(123);
			$.post(
				"/JavaWeb1907/banji?method=selectById",
				function(jsonArray){
					console.log(jsonArray);
					$(jsonArray).each(function(){
						var html = "<option value='"+this.id+"'>"+this.name+"</option>";
						$("#selectId").append(html);
					});
				},
				"json"
			);
		});
		function submitForm() {
			$.ajax({
				url : "${pageContext.request.contextPath}/student?method=insert",
				type : "post",
				dataType : "json",
				data : $("#ajax_form").serialize(),
				success : function(jsonObj) {
					console.log(jsonObj);
					if(jsonObj.code == util.SUCCESS) {
						mylayer.successMsg(jsonObj.msg);
						//当你在iframe页面关闭自身时
						var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
						setTimeout(function(){
							parent.layer.close(index); //再执行关闭 
							// 刷新父页面
							window.parent.location.reload();
						},1000);
					} else {
						mylayer.errorMsg(jsonObj.msg);
					}
					
				}
			});
		}
	</script>
</html>